<!-- 确认地址 -->
<template>
    <div class="addresslist">
        <!-- <HeaderTop title="收货地址"></HeaderTop> -->
        <section class="address">
            <van-address-list
                v-model="chosenAddressId"
                :list="list"
                @add="onAdd"
                @edit="onEdit"
                id="aaa"
            />
        </section>
    </div>
</template>

<script>
// import HeaderTop from '../HeaderTop/HeaderTop'
export default {
  data () {
    return {
        chosenAddressId: '1',
        list: [
            {
                id: '1',
                name: '张三',
                tel: '13000000000',
                address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
            },
            {
                id: '2',
                name: '李四',
                tel: '1310000000',
                address: '浙江省杭州市拱墅区莫干山路 50 号'
            },
            {
                id: '3',
                name: '王五',
                tel: '1310000000',
                address: '浙江省杭州市拱墅区莫干山路 5550 号'
            }
        ]
    };
  },

//   components: {
//       HeaderTop
//   },

  computed: {},

  methods: {
    onAdd() {
      console.log('新增地址');
    },

    onEdit(item, index) {
      console.log('编辑地址:' + index);
    }
  }
}

</script>
<style lang='stylus'>
.van-address-list
    .van-radio-group
        .van-address-item 
            .van-icon-checked 
                color #145B3E
    .van-button--danger
        background #145B3E
        border 1px solid #145B3E
        outline none 
</style>

<style lang='stylus' scoped>
// .addresslist
//     margin-top 45px
</style>